<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<%@include file="../_include/lib.jsp"%>
<%@include file="../_include/style.jsp"%>
<%@include file="../_include/script.jsp"%>
<title>Mac地址绑定界面</title>
</head>
<body class="white-bg">
	<div class="wrapper wrapper-content">
		<div class="tabs-container">
			<ul class="nav nav-tabs">
				<li class="active"><a data-toggle="tab" href="#tab-update">矿机型号</a>
				</li>
				<li class=""><a data-toggle="tab" href="#tab-setup">所有矿机</a></li>
			</ul>
			<div class="tab-content">
				<div id="tab-update" class="tab-pane active">
					<div class="panel-body">
						<div id="modelTableToolbar" class="btn-group hidden-xs">
							<button id="btnAddToggle" type="button"
								class="btn btn-outline btn-default">
								<i class="glyphicon glyphicon-plus"></i>添加
							</button>
						</div>
						<table id="modelTable" data-toggle="table" data-url="macmodels"
							data-toolbar="#modelTableToolbar" data-show-refresh="true"
							data-pagination="false">
							<thead>
								<tr>
									<th data-filed="mac" data-align="center">MAC地址</th>
									<th data-filed="model" data-align="center">矿机型号</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
				<div id="tab-setup" class="tab-pane">
					<div id="minerTableToolbar" class="btn-group hidden-xs"></div>
					<table id="minerTable" data-toggle="table" data-url="modelminers"
						data-toolbar="#minerTableToolbar" data-show-refresh="true"
						data-pagination="false">
						<thead>
							<tr>
								<th data-field="mac" data-halign="center">MAC地址</th>
								<th data-field="ip" data-halign="center">IP地址</th>
								<th data-field="type" data-halign="center">型号类别</th>
								<th data-field="model" data-halign="center">具体型号</th>
								<th data-field="hashReal" data-halign="center">5S算力</th>
								<th data-field="hashAvg" data-halign="center">平均算力</th>
								<th data-field="frequency" data-halign="center">频率</th>
								<th data-field="chipAlives" data-halign="center">有效芯片(o)</th>
								<th data-field="chipAlls" data-halign="center">总芯片(ox)</th>
								<th data-field="chainNum" data-halign="center">链条数</th>
								<th data-field="chainAcns" data-halign="center">芯片数</th>
								<th data-field="chains" data-halign="center">芯片分布</th>
								<th data-field="operate" data-align="center">操作</th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
		</div>
	</div>

	<div id="editDialog" class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>
				</div>
				<div class="modal-body">
					<div class="row">
						<form id="editForm">
							<div class="form-group">
								<label class="col-sm-3">MAC地址：</label>
								<div class="col-sm-8">
									<input id="mac" name="mac" type="text" class="form-control"></input>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3">矿机类型：</label>
								<div class="col-sm-8" >
									<select id="model" name="model" data-placeholder="请选择一个矿机类型...">
										<option value=""></option>
									</select>
								</div>
							</div>
						</form>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button id="btnSave" type="button" class="btn btn-primary">提交更改</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	
	<script type="text/javascript" src="../js/app/page/miner.macmodel.js" ></script>
</body>
</html>
